<script>
    $(document).on('ready', function() {
        $('#categoriafile').change(function() {
            var fileName = $('#categoriafile').val();
            var clean = fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path 
            $("#filenamehidd").val(clean);

        });
        $("#subir").click(function(e) {
            e.preventDefault();
            $.ajax({
                url: "http://localhost:26/ecomerce/Categorias",
                type: "POST",
                data: $("#formcategoria").serialize(),
                success: function() {
                    $("#categoriafile").upload("http://localhost:26/ecomerce/categorias/subirimagen", function(e) {
                        $("#respuesta").html(e);
                        $("#prog").val(0);
                    }, $("#prog"));

                },
                error: function() {
                    alert("No fue agregado");
                }
            });

        });
    });

  

</script>

<div id="divcategoria" title="Nueva Categoria">
    <div id="stylized" class="myform">
    <form id="formcategoria" method="POST">
        <label>Nombre: </label><input id="nombre" class="fieldform" type="text" name="categoria"><br>
        <input id="filenamehidd" class="fieldform" type="hidden" name="filename"><br>
        <input id="dir" class="fieldform" type="hidden" name="dir" value="img\uploads\categoria\filename"><br>
    </form></div>
    <input type="file" id="categoriafile" name="categoriafile" />
    <button  id="subir">subir</button>
    <progress id="prog" value="0" min="0" max="100"></progress>
    <div id="respuesta"></div>
</div>

